.items {
  @apply w-full;

  .loading {
    @apply h-5 w-full text-center;
  }

  .itemsTab {
    @apply mb-5;

    .itemText {
      @apply text-lg text-white;
      line-height: 1.125rem;
      font-family: PingFang SC;
    }

    .itemsTabItem {
      @apply cursor-pointer text-base leading-6 relative;
      color: #ccc;

      &:first-child {
        @apply mr-10;
      }
    }

    .itemsTabItemActive {
      @apply text-theme;

      &::before {
        @apply absolute left-2/4 w-5 bg-theme rounded-sm;
        content: '';
        bottom: -0.375rem;
        transform: translateX(-50%);
        height: 0.125rem;
      }
    }
  }

  .weeks {
    @apply text-2xl text-white my-5;
  }
}

@media screen and (max-width: 767px) {
  .itemsTab {
    @apply h-6 mb-5 flex items-center justify-between;
    margin-top: -1.875rem;

    .itemsTabItem {
      margin-bottom: 0 !important;
    }
  }

  .weeks {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
  }
}
